<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../vue.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="app">
			<hello></hello>
			<demo></demo>
		</div>
	</body>

</html>

<script type="text/javascript">
	const hello = {
		template: `<h3>{{msg}}</h3>`,
		data() {
			return {
				msg: 'hello world'
			}
		}
	}
	const demo = {
		template: `<h3>{{msg}}</h3>`,
		data() {
			return {
				msg: 'hello demo'
			}
		}
	}

	new Vue({
		el: '#app',
		components: {
			hello,
			demo
		}
	})
</script>